<template>
  <div class="cs-page-container">
    <el-tabs value="first" type="border-card" style="height: calc(100vh - 115px);" @tab-click="handleClick">
      <el-tab-pane label="头像审核" name="first">
        <avatar-list></avatar-list>
      </el-tab-pane>
      <el-tab-pane label="封面审核" name="second" lazy>
        <cover-list></cover-list>
      </el-tab-pane>
      <el-tab-pane label="视频审核" name="third" lazy>
        <videos-list></videos-list>
      </el-tab-pane>
      <el-tab-pane label="形象墙审核" name="fourth" lazy>
        <photos-list></photos-list>
      </el-tab-pane>
      <el-tab-pane label="昵称审核" name="five" lazy>
        <NicknameList />
      </el-tab-pane>
      <el-tab-pane label="签名审核" name="six" lazy>
        <IntroList />
      </el-tab-pane>
      <el-tab-pane label="搭讪审核" name="seven" lazy>
        <AccostList />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import IntroList from '../introList'
import AvatarList from '../avatarList'
import CoverList from '../coverList'
import PhotosList from '../photosList'
import VideosList from '../videosList'
import NicknameList from '../nicknameList'
import AccostList from "../accostList"
export default {
  name: 'RoleList',
  components: { AvatarList, CoverList, VideosList, PhotosList, IntroList, NicknameList, AccostList },
  data() {
    return {
    }
  },
  created() {
  },
  methods: {
    handleClick(tab, event) {
      if (tab.index === '1') {
        this.$refs.cover.doSearch()
      } else if (tab.index === '2') {
        this.$refs.videos.doSearch()
      } else if (tab.index === '3') {
        this.$refs.photos.doSearch()
      } else if (tab.index === '4') {
        this.$refs.Nickname.doSearch()
      } else if (tab.index === '5') {
        this.$refs.IntroList.doSearch()
      }
    }
  }
}
</script>
